<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="google-site-verification" content="8U1Z8NsGTRyRhB9MJqZGREeby67Q4jv1Y82FMtwLjws" /> <!-- pragma: allowlist secret -->
        <title>JSON fixer and linter online</title>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css">
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <header>
            <h1>JSON fixer and linter online</h1>
        </header>
        <section>
            <p>This is a demo page for the Python package <a href="https://github.com/mangiucugna/json_repair/" target="_blank">json_repair</a>, you can find more information visting the GitHub repository: <a href="https://github.com/mangiucugna/json_repair/" target="_blank">https://github.com/mangiucugna/json_repair/</a></p>
            <p><strong>How to use:</strong>
                Paste malformed JSON in the left textarea and the repaired JSON will be displayed on the right. This is particularly useful to test LLMs output</p>
            <p><strong>Please note:</strong>
                the api is hosted on <a href="https://www.pythonanywhere.com/" target="_blank">PythonAnywhere</a> for free. If too many have used it in a day, it might reach quota and not work</p>
            <p>
                <strong>Offer me a beer!</strong>
                If you find this library useful, you can help me by donating toward my monthly beer budget
                <a href="https://github.com/sponsors/mangiucugna" target="_blank">here</a>
            </p>
            <p><strong>Reporting an issue:</strong>
                You can use <a href="https://github.com/mangiucugna/json_repair/issues">this page</a> and the url of this site is a permalink that you can paste in your report</p>
        </section>
        <div class="container">
            <div class="textarea-container">
                <h3>Input JSON</h3>
                <textarea id="input-json" placeholder="Paste malformed JSON here..."></textarea>
            </div>
            <div class="textarea-container">
                <h3>Repaired JSON</h3>
                <textarea id="output-json" readonly placeholder="Formatted JSON will appear here..."></textarea>
            </div>
        </div>
        <div class="textarea-container">
            <h3>Repair actions that the library performed</h3>
            <textarea id="log-output" readonly placeholder="Logs will appear here..."></textarea>
        </div>
        <script src="index.js"></script>
        <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-B77ZM0PG9W"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'G-B77ZM0PG9W');
        </script>
    </body>
</html>
